<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="<?php echo $this->descMetaTag; ?>" />
    <meta name="keywords" content="<?php echo $this->keywordsMetaTag; ?>" />
    <link href="<?php echo themeUrl()?>/styles/style.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo themeUrl()?>/styles/tango/skin.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo themeUrl()?>/styles/nivo-slider.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo themeUrl()?>/styles/default.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo themeUrl()?>/styles/jquery.tooltip.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo themeUrl()?>/styles/pager.css" rel="stylesheet" type="text/css" />
    <title><?php echo !empty($this->pageTitle) ? $this->pageTitle : $this->getSiteNameByLanguage(); ?></title>
    <script src="<?php echo themeUrl()?>/scripts/jquery.jcarousel.min.js" type="text/javascript"></script>
    <script src="<?php echo themeUrl()?>/scripts/jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <script src="<?php echo themeUrl()?>/scripts/jquery.tooltip.js" type="text/javascript"></script>
    <script type="text/javascript">
        function mycarousel_initCallback(carousel) {
            //Disable autoscrolling if the user clicks the prev or next button.
            carousel.buttonNext.bind('click', function () {
                carousel.startAuto(0);
            });

            carousel.buttonPrev.bind('click', function () {
                carousel.startAuto(0);
            });

            //Pause autoscrolling if the user moves with the cursor over the clip.
            carousel.clip.hover(function () {
                carousel.stopAuto();
            }, function () {
                carousel.startAuto();
            });
        }
        ;

        jQuery(document).ready(function () {
            jQuery('#mycarousel').jcarousel({
                vertical:true,
                auto:5,
                wrap:'last',
                initCallback:mycarousel_initCallback
            });
        });


    </script>

</head>

<body>
<script type="text/javascript">
var baseUrl = '<?php echo baseUrl(); ?>';
</script>
<div id="wrapper">
    <div id="header" class="clearfix">
        <div id="logo"><a href="<?php echo baseUrl(); ?>"><img src="<?php echo themeUrl()?>/images/iec-logo.png"/></a></div>
        <div class="header-right">
            <?php
            $this->widget('LanguageSelector');
            $this->widget('Site.components.SearchFormWidget');
            ?>
        </div>
    </div>
    <div id="nav"><?php $this->widget('TopMenuWidget'); ?></div>
    <!-- Begin main content -->
    <?php echo $content;?>
    <!-- End main content -->

</div>
<div id="footer">
    <div class="wrap clearfix">
        <div class="info">
            <p>International Environment Company Co., Ltd.</p>
            <p><?php echo $this->getCompanyAddressByLanguage(); ?></p>
        </div>
        <div class="footer-nav">
            <div class="copyright">
                <p>Copyright © 2012 International Environment Company . All Rights Reserved.</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
